<template>
  <div class="container">
    <div class="questions">
      <question></question>
    </div>
  </div>
</template>

<script>
import Questions from "@/assets/json/questions";
import Question from "@/components/question";

export default {
  name: "survey",
  components: {
    Question
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.container, .mobile {
  width: 100%;
  height: 100%;
}

.questions {
  width: 327px;
  height: 100%;
  margin: 0 auto;
}
</style>

